body {
  background: #000000 url(bg.jpg) repeat-x fixed center top;
  font-size: 12px;
  font-family: "segoe ui",s;
}
#main {
  margin: 0px auto;
  padding: 10px;
  width: 80%;
  background-color: #f0f0f0;
}

#main a {
	color: #ff6a00;
  text-decoration: none;
} 

#main a:hover {
  color: #ff9900;
  text-shadow: 0px 0px 5px #ffaa00;
} 

#header {
  padding: 10px;
  float: none;
  margin-left: auto;
  background: url(header.jpg) no-repeat local right center;
  background-size: cover;
  background-color: #333333;
  display: block;
  margin-right: auto;
  color: white;
  text-shadow: 0 0 5px black;
}

#menu {
  float: left;
  width: 100%;
  display: block;
  clear:both;
  background-color: rgba(32, 32, 32, 0.75);
  color: #999999; 
}

#links a{
	color: #1a1a1a;
	text-decoration: none;
	padding: 2px 10px;
	margin: 0;
	border-style: none dotted none none;
	border-width: 0 2px 0 0;
	border-color: rgba(128, 128, 128, 0.50);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

#links a:hover{
	background: rgba(255, 128, 0, 0.75);
	color: #101010;
	box-shadow:0 0 5px #FFCC00;
	text-shadow:0 0 5px #FFDD00;
}

#links a:hover.fb{
	background: rgba(0, 25, 192, 0.75);
	color: #CCDDFF;
	box-shadow:0 0 5px #0020FF;  
	text-shadow:0 0 5px #50AAFF;
}

#links a:hover.tw{
	background: rgba(29, 161, 242, 0.75);
	color: #cceeff;
	box-shadow:0 0 5px #00a6ff;  
	text-shadow:0 0 5px #50cdff;
}

#links a:hover.yt{
	background: rgba(255, 0, 0, 0.75);
	color: #FFDDCC;
	box-shadow:0 0 5px #FF0000;  
	text-shadow:0 0 5px #FFAADD;
}

#main table {
	border-collapse: collapse;
	padding-left: 2px;
	margin-left: auto;
	border-collapse: collapse;
	margin-right: auto;
	width: 70%;
}
#main table ul{
	margin-top:5px;
	margin-bottom:5px;
}

#main table.single th {
	text-align: left;
	width: 20%;
}

#main table tr.centered {
	text-align: center;
    }
    
#main th {
  border: 1px solid #cc6600;
  padding: 2px;
  background: #ff7901 none repeat scroll 0% 50%;
}
#main td {
  border: 1px solid #999999;
  padding: 2px;
}
#main a.hr span {
  display: none;
}
#main a.hr {
  background: transparent url(hr.png) no-repeat center;
  display: block;
  height: 2px;
  width: 100%;
  margin-top: 15px;
 -webkit-filter: drop-shadow(0px 2px 3px #ff6a00);
  filter: drop-shadow(0px 2px 3px #ff6a00);
}
#footer {
  background: #3333335f none repeat scroll 0% 50%;
  margin-top: 2px;
  width: 100%;
  float: left;
  color: #5c5c5c;
  font-size: 10px;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #101010;
		color: #d0d0d0;
		font-family: sans-serif;
	}

	#main {
		margin: 0px auto;
		padding: 10px;
		width: 80%;
		background-color: #404040;
	}

	#main table th{
		color: #f0f0f0;
		background: #c04c00;
	}
	#links a{
		color: #bcbcbc;
	}